@import '../../ui/base'
@import './config'
.root
  width 100%
  text-align left
  font-size $table-font-size
  background-color #fff
  .tr
    min-height 54px
    padding 17px 0
    display flex
    align-items center
    [data-role="table-hover"]
      > *
        opacity 0
    &:hover
      [data-role="table-hover"]
        > *
          opacity 1
  .td
    color $font-tiny-light-color
  .td
  .th
    flex 1
    padding-left 18px
    &:last-child
      padding-right 18px
  .body
    position relative
    .tr
      &:hover
        background-color #fafcfe
      &:nth-child(2n-1)
        background-color #f3f6f9
        &:hover
          background-color #e0e8ef
      border-bottom 1px solid rgb(238, 238, 238)
      transition background-color .35s cubic-bezier(0, 0, 0.2, 1)
      &[draggable="true"]
        cursor move
      &[disabled]
        cursor initial
      &.tr:last-child
        border-bottom none
  .head
    .tr
      min-height 34px
      border-bottom 1px solid rgb(221, 221, 221)
      padding 10px 0
  .foot
    display flex
    justify-content flex-end
    margin 20px 0
    > *
      margin-left 15px


.spinner
  margin-top 10px
  margin-left 10px

.noData
  margin 20px

.pagin
  @extends .h-center
  margin 30px 0
  > ul
    clear fix
    margin 0 20px
    > li
      float left
      margin 0 5px
      a
        transition color .2s
        display block
        line-height 1
        padding 2px 5px
        &:hover
          color #8a949c
        &.active
          background-color #8a949c
          color #fff

.white
  .body
    .tr:nth-child(2n-1):hover
      background-color #e0e8ef
    .tr
      &:hover
        background-color #e0e8ef
      &:nth-child(2n-1)
        background-color #ffff

.toolTip
  position relative
  padding 4px 0
  color #0779c3
  max-width: 80px
  text-overflow ellipsis
  white-space nowrap
&:hover
  cursor default
  .toolTip-content
    opacity 0
    z-index 999
    transform scale(1)

.toolTip-content
  position absolute
  top -32px
  padding 2px 8px
  border-radius 8px
  background-color rgba(0, 0, 0, 0.65)
  color #fff
  opacity 0
  z-index 0
  transform scale(0)
  transition all .3s
  &::after
    content " "
    display block
    position absolute
    border 6px solid transparent
    border-top-color rgba(0, 0, 0, 0.65)
    top 26px